<template>
    <div>
        <el-form ref="form" :model="form" label-width="115px" :disabled="form.disabled">
            <el-row>
                <el-col :span="12">
                    <el-form-item label="项目编号">
                        <el-input v-model="form.code || 'ST-213326330'" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="项目名称">
                        <el-input v-model="form.name || '瓦山区蓄水保土耕作项目'" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <!-- <el-col :span="12">
                    <el-form-item label="受理日期">
                         <el-date-picker
                          :disabled="true"
                          v-model="form.time"
                          type="year"
                          placeholder="选择年">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="管理单位" >
                        <el-input v-model="form.guanlidanwei" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="12">
                    <el-form-item label="所属行业">
                        <el-input v-model="form.hangye" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="项目性质" >
                         <el-select v-model="form.xingzhi" placeholder="请选择" :disabled="true">
                          <el-option
                            v-for="item in projectSortList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="流域管理机构">
                        <el-input v-model="form.liuyuguanlijigou" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="涉及省市">
                        <el-input v-model="form.shejisheng" :disabled="true"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="涉及区/县">
                        <el-input v-model="form.shejiqu" :disabled="true"></el-input>
                    </el-form-item>
                </el-col> -->
                <el-col :span="24"><el-divider></el-divider></el-col>
                <el-col :span="12">
                    <el-form-item label="方案上报状态">
                       <el-select v-model="form.fanganshangbao" placeholder="请选择">
                          <el-option
                            v-for="item in appearStatusList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="13">
                    <el-form-item label="方案附件">
                        <upload></upload>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="防治责任范围">
                        <el-select v-model="form.fangzhizeren" placeholder="请选择">
                          <el-option
                            v-for="item in  hasOrNanList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>

                <el-col :span="12">
                    <el-form-item label="技术审查状态">
                       <el-select v-model="form.jishushencha" placeholder="请选择">
                          <el-option
                            v-for="item in reviewStatusList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="方案批复状态">
                       <el-select v-model="form.fanganpifu" placeholder="请选择">
                          <el-option
                            v-for="item in replyStatusList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="批复时间">
                         <el-date-picker
                          v-model="form.time"
                           type="date"
                          placeholder="选择日期">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="建设进度" >
                        <el-input v-model="form.jianshejindu"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="监督检查（次）">
                        <el-input v-model="form.jianchacishu"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="监理">
                       <el-select v-model="form.jianli" placeholder="请选择">
                          <el-option
                            v-for="item in hasOrNanList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="水土保持">
                       <el-select v-model="form.shuitubaochi" placeholder="请选择">
                          <el-option
                            v-for="item in  hasOrNanList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            </el-row>
            <div  class="dialog-footer"v-if="!form.disabled">
                <el-button @click="saveEdit">取 消</el-button>
                <el-button type="primary" @click="saveEdit">确 定</el-button>
            </div>
        </el-form>
    </div>
</template>
<script>
import {GetFList} from '@/components/common/filter'
export default {
    props: {
        editVisible: {
            default : false
        },
        form: {
            default: () => {},
        },
    },
    data() {
        return{
            buildStatusList: GetFList('buildStatus'),
            projectSortList: GetFList('projectSort'),
            hasOrNanList: GetFList('hasOrNan'),
            appearStatusList: GetFList('appearStatus'),
            reviewStatusList: GetFList('reviewStatus'),
            replyStatusList: GetFList('replyStatus'),
            form: {},
        }
    },
    methods: {
        saveEdit() {
            this.$emit('close')
        }
    }
}
</script>
<style scoped>
    .dialog-footer {
        text-align: right
    }
</style>